<template>
<uni-card >
<view>
<view style="display: flex; justify-content: space-between;">
<view style="color: #000;">
    <view style="font-size:36rpx;">{{ props.datas.StoreName }}</view>
<br />
<view style="margin-top:20rpx"> 报修项目：{{ props.datas.IotProductItem }}</view>
<view style="margin-top:10rpx">故障描述：{{ props.datas.StoreName }}</view>
</view>

<view >
    <view style="width: 150rpx;height: 40rpx; background-color: #f1f8f8;
     border-radius: 40rpx; display: flex;align-items: center;
     padding-left: 30rpx;box-sizing: border-box;">
     
    <view style="width: 20rpx;height: 20rpx;border-radius: 10rpx;background-color: #ffbbcb;"></view>
    <text style="margin-left: 10rpx; font-size: 22rpx;">{{ props.datas.Status }}</text></view>

<view @click="jug" style="width: 150rpx;height: 60rpx;
  color: #fff;; margin-top: 30rpx;text-align: center;
  line-height: 60rpx;border-radius: 10rpx;
background-color: #fc576a">查看详情</view>
</view>

</view>
<view style="width: 100%;height: 1rpx; background-color: #f0f0f0;margin: 20rpx 0;"></view>
<view style="width: 100%; display: flex; justify-content: space-between;align-items: center;">
     <text>申请时间：{{props.datas.CreateAt  }}</text> <text>更新时间：{{props.datas.UpdatedAt  }}</text></view>
</view>			
            
            </uni-card>
  </template>
  
  <script setup>
  const props = defineProps({
    datas: {
      default: ()=>{},
    },
    color: {
      default: "#000",
    },
    left: {
      default: true,
    },
    height: { default: 110 },
  });
  
  const jug = () => {
    uni.navigateTo({
      url: `/subpkg/shouxiang/index?id=${props.datas.Id}`,

    });
  
  
  };
  </script>
  
  <style scoped lang="scss">
  .uni-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
  </style>
  